<template>
  <div class="container">
    <div class="content-top">
			<span class="h1">项目管理</span>
			<span class="h2">分表</span>
		</div>
      <div class="fbhead">
        <div class="address clearfix">
            <label class='fl' for="">户主姓名：</label>
            <el-select class='fl' v-model="form.county"  placeholder="请选择">
                <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value">
                </el-option>
            </el-select>
            <div class="fl edits" style="margin-top: 5px;margin-left: 10px;margin-right: 10px;">
							<i class="icons el-icon-circle-plus-outline" @click="fnAddSubject()" title="添加主体"></i>
							<i class="icons el-icon-delete" @click="dels()" title="删除主体"></i>
							<i class="icons el-icon-edit" @click="editst()" title="修改主体"></i>
						</div>

        </div>
          
      </div>
      <div class="tab">
          <el-tabs v-model="activeTab" @tab-click="handleClick">
            <el-tab-pane label="分表一" name="fb1">
              <div style="width:1500px;margin:auto;">
                <div class="clearfix" style="width:650px;margin:auto;"  v-show="isShowHead">
                  <table class="headtable fl">
                      <tr>
                        <td>流  转</td>
                        <td>录入或导入完成</td>
                        <td>提交到县级</td>
                        <td>提交到业主</td>
                        <td>返回乡镇</td>
                    </tr>
                    <tr>
                        <td>时  间</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                  </table>
                  <span class="fl" style="display:inline-block;margin-top:40px;margin-left:20px;">编号：10000100001000</span>
                </div>
              </div>
                <div class="title">
                    ()工程建设土地征用补偿登记/结算表&nbsp;
                    <el-button type="primary" size="mini" v-show="isButton" @click="fb1AddRow()">添加</el-button>
                    <!-- <el-button type="primary" size="mini" @click="fb1Save()">保存</el-button> -->
                </div>
                <table class="landsTable" cellspacing="0" cellpadding="0" border="0" style="width:100%;">
                <thead>
                  <tr>
                    <td rowspan="2">序号</td>
                    <td colspan="6">土地测绘成果</td>
                    <td colspan="2">（一）土地补偿费</td>
                    <td colspan="4">（二）作物类青苗（鱼苗）/补偿费</td>
                    <td>合计金额（元）</td>
                    <td rowspan="2">备注</td>
                    <td rowspan="2">操作</td>
                  </tr>
                  <tr id="headers">
                    <td>地块编号</td>
                    <td>地 类</td>
                    <td>位置桩号K0+000</td>
                    <td>①土地面积M2</td>
                    <td>其中红线内M2</td>
                    <td>其中红线外M2</td>
                    <td>补偿标准（元/M2）</td>
                    <td>补偿金额（元）</td>
                    <td>青苗名称</td>
                    <td>②有青苗面积M2</td>
                    <td>补偿标准（元/M2）</td>
                    <td>补偿金额（元）</td>
                    <td>（一）+（二）</td>
                  </tr>
                </thead>
                <tbody>
                  <tr v-for="(person,index) in fb1Data" :key="index">
                    <td>{{index+1}}</td>
                    <td>
                      <el-select v-model="person.dkbh" :disabled="disabled" placeholder="请选择">
                          <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                          </el-option>
                      </el-select>
                    </td>
                    <td>{{person.dl}}</td>
                    <td>{{person.wzzh}}</td>
                    <td>{{person.tdmj}}</td>
                    <td>{{person.hxn}}</td>
                    <td>{{person.hxw}}</td>
                    <td>{{person.bcbz1}}</td>
                    <td>{{person.bcje1}}</td>
                    
                    <td>
                      <el-input v-model="person.qmmc" :disabled="disabled" placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                      <el-input v-model="person.qmmj" :disabled="disabled" placeholder="请输入内容"></el-input>
                    </td>
                    <td>{{person.bcbz2}}</td>
                    <td>{{person.bcje2}}</td>
                    <td>{{person.hjje}}</td>
                    <td>
                      <el-input v-model="person.rem" :disabled="disabled" placeholder="请输入内容"></el-input>
                    </td>
                    <td style="width:110px;">
                        <el-button size="mini" v-show="isButton">提交</el-button>
                        <el-button type="danger" v-show="isButton" size="mini"  @click="fb1DelRow(fb1Data[index],index)">删除</el-button>
                      <!--<el-button type="success" size="mini" @click="fb1EditRow(index)">修改</el-button>-->
                    </td> 
                  </tr>
                </tbody>
                <tfoot>
                  <tr>
                    <td colspan="2">合计</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td colspan="2">合计大写</td>
                    <td colspan="12"></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td colspan="3">户主或户主代表签字（盖手印）：</td>
                    <td colspan="3"></td>
                    <td colspan="2">身份证号：</td>
                    <td colspan="3"></td>
                    <td colspan="2">村支书(主任)：</td>
                    <td colspan="3"></td>
                  </tr>
                  <tr>
                    <td colspan="3">填表人：</td>
                    <td colspan="3"></td>
                    <td colspan="2">复核人2人以上：</td>
                    <td colspan="3"></td>
                    <td colspan="2">施工单位复核：</td>
                    <td colspan="3"></td>
                  </tr>
                  <tr>
                    <td colspan="3">镇征拆小组领导：</td>
                    <td colspan="2"></td>
                    <td colspan="2">镇政府盖章（镇长签名）：</td>
                    <td colspan="2"></td>
                    <td colspan="2">县级审核：</td>
                    <td colspan="2"></td>
                    <td colspan="2">业主审核：</td>
                    <td colspan="2"></td>
                  </tr>
                  <tr  v-show="isShowX">
                    <td colspan="3">县领导：</td>
                    <td colspan="13"></td>
                  </tr>
                </tfoot>
              </table>
            </el-tab-pane>
            <el-tab-pane label="分表二" name="fb2">
              <div style="width:1500px;margin:auto;">
                <div class="clearfix" style="width:650px;margin:auto;"  v-show="isShowHead">
                  <table class="headtable fl">
                      <tr>
                        <td>流  转</td>
                        <td>录入或导入完成</td>
                        <td>提交到县级</td>
                        <td>提交到业主</td>
                        <td>返回乡镇</td>
                    </tr>
                    <tr>
                        <td>时  间</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                  </table>
                  <span class="fl" style="display:inline-block;margin-top:40px;margin-left:20px;">编号：10000100001000</span>
                </div>
              </div>
                <div class="title">
                    ()工程建设征收竹木果树类补偿登记/结算表&nbsp;
                    <el-button type="primary" v-show="isButton" size="mini" @click="fb2AddRow()">添加</el-button>
                    <!-- <el-button type="primary" size="mini" @click="fb2Save()">保存</el-button> -->
                </div>
                <table class="landsTable" cellspacing="0" cellpadding="0" border="0" style="width:100%;">
                <thead>
                  <tr>
                    <td rowspan="2">序号</td>
                    <td colspan="3">竹木果树类长势情况</td>
                    <td colspan="4">竹木果树所在地块（测绘成果）</td>
                    <td colspan="4">按规格密度种植计算</td>
                    <td colspan="3">按零星或低密度种植计算</td>
                    <td colspan="3">增加超密度部分青苗成本</td>
                    <td rowspan="2">补偿费（元）</td>
                    <td rowspan="2">备注</td>
                    <td rowspan="2">操作</td>
                  </tr>
                  <tr id="headers">
                    <td>品名</td>
                    <td>长势类型（主干直径、树冠）</td>
                    <td>长势值</td>

                    <td>地块编号</td>
                    <td>地 类</td>
                    <td>位置桩号K0+000</td>
                    <td>①土地面积M2 </td>

                    <td>标准(元/M2)</td>
                    <td>地块编号下的拆分编号</td>
                    <td>②有树林面积(M2)</td>
                    <td>金额（元）</td>

                    <td>标准(元/株)</td>
                    <td>数量</td>
                    <td>金额（元）</td>

                    <td>标准(元/株)</td>
                    <td>数量</td>
                    <td>金额（元）</td>

                  </tr>
                </thead>
                <tbody>
                  <tr v-for="(person,index) in fb2Data" :key="index">
                    <td>{{index+1}}</td>
                    <td>
                      <el-select v-model="person.pname" v-show="isButton" :disabled="disabled" placeholder="请选择">
                          <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                          </el-option>
                      </el-select>
                    </td>
                    <td>
                      <el-select v-model="person.zslx" :disabled="disabled" placeholder="请选择">
                          <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                          </el-option>
                      </el-select>
                    </td>
                    <td>
                      <el-input v-model="person.zsz" :disabled="disabled" placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                      <el-select v-model="person.dkbh" :disabled="disabled" placeholder="请选择">
                          <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                          </el-option>
                      </el-select>
                    </td>
                    <td>{{person.dl}}</td>
                    <td>{{person.wzzh}}</td>
                    <td>{{person.tdmj}}</td>
                    <td>{{person.aggbz}}</td>
                    <td>{{person.cfbh}}</td>
                    <td><el-input v-model="person.yslmj" :disabled="disabled" placeholder="请输入内容"></el-input></td>
                    <td>{{person.aggje}}</td>
                    <td>{{person.alxbz}}</td>
                    <td><el-input v-model="person.alxsl" :disabled="disabled" placeholder="请输入内容"></el-input></td>
                    <td>{{person.alxje}}</td>
                    <td>{{person.azjbz}}</td>
                    <td><el-input v-model="person.azjsl" :disabled="disabled" placeholder="请输入内容"></el-input></td>
                    <td>{{person.azjje}}</td>
                    <td>{{person.bcf}}</td>
                    <td><el-input v-model="person.rem" :disabled="disabled" placeholder="请输入内容"></el-input></td>
                    <td style="width:110px;">
                            <el-button size="mini" v-show="isButton">提交</el-button>
                            <el-button type="danger" v-show="isButton" size="mini"  @click="fb2DelRow(fb2Data[index],index)">删除</el-button>
                      <!--<el-button type="success" size="mini" @click="fb2EditRow(index)">修改</el-button>-->
                    </td> 
                  </tr>
                </tbody>
                <tfoot>
                  <tr>
                    <td colspan="2">合计</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td colspan="2">合计大写</td>
                    <td colspan="17"></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td colspan="4">户主或户主代表签字（盖手印）：</td>
                    <td colspan="3"></td>
                    <td colspan="4">身份证号：</td>
                    <td colspan="3"></td>
                    <td colspan="4">村支书(主任)：</td>
                    <td colspan="3"></td>
                  </tr>
                  <tr>
                    <td colspan="4">填表人：</td>
                    <td colspan="3"></td>
                    <td colspan="4">复核人2人以上：</td>
                    <td colspan="3"></td>
                    <td colspan="4">施工单位复核：</td>
                    <td colspan="3"></td>
                  </tr>
                  <tr>
                    <td colspan="3">镇征拆小组领导：</td>
                    <td colspan="3"></td>
                    <td colspan="3">镇政府盖章（镇长签名）：</td>
                    <td colspan="3"></td>
                    <td colspan="3">县级审核：</td>
                    <td colspan="2"></td>
                    <td colspan="2">业主审核：</td>
                    <td colspan="2"></td>
                  </tr>
                  <tr  v-show="isShowX">
                    <td colspan="4">县领导：</td>
                    <td colspan="17"></td>
                  </tr>
                </tfoot>
                </table>
            </el-tab-pane>
            <el-tab-pane label="分表三" name="fb3">
              <div style="width:1500px;margin:auto;">
                <div class="clearfix" style="width:650px;margin:auto;"  v-show="isShowHead">
                  <table class="headtable fl">
                      <tr>
                        <td>流  转</td>
                        <td>录入或导入完成</td>
                        <td>提交到县级</td>
                        <td>提交到业主</td>
                        <td>返回乡镇</td>
                    </tr>
                    <tr>
                        <td>时  间</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                  </table>
                  <span class="fl" style="display:inline-block;margin-top:40px;margin-left:20px;">编号：10000100001000</span>
                </div>
              </div>
                <div class="title clearfix">
                    <label for="">位置：桩号K</label>
                    <span>( )+( )</span>
                    ()工程建设宅地征用与房屋主体征收拆迁补偿登记/结算表&nbsp;
                    <el-button type="primary" v-show="isButton" size="mini" @click="fb3AddRow()">添加</el-button>
                    <!-- <el-button type="primary" size="mini" @click="fb3Save()">保存</el-button> -->
                </div>
                <table class="landsTable" cellspacing="0" cellpadding="0" border="0">
                <thead>
                  <tr>
                    <td>序号</td>
                    <td>项目</td>
                    <td>类型</td>
                    <td>计算单位</td>
                    <td>补偿标准（元/单位）</td>
                    <td>补偿数量</td>
                    <td>补偿金额（元）</td>
                    <td>备注</td>
                    <td>操作</td>
                  </tr>
                </thead>
                <tbody>
                  <tr v-for="(person,index) in fb3Data" :key="index">
                    <td>{{index+1}}</td>
                    <td>
                      <el-select v-model="person.xm" :disabled="disabled" placeholder="请选择">
                          <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                          </el-option>
                      </el-select>
                    </td>
                    <td>
                      <el-select v-model="person.lx" :disabled="disabled" placeholder="请选择">
                          <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                          </el-option>
                      </el-select>
                    </td>
                    <td>{{person.jsdw}}</td>
                    <td>{{person.bcbz}}</td>
                    <td>
                      <el-input v-model="person.bcsl" :disabled="disabled" placeholder="请输入内容"></el-input>
                    </td>
                    <td>{{person.bcje}}</td>
                    <td>
                      <el-input v-model="person.rem" :disabled="disabled" placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                            <el-button  size="mini" v-show="isButton">提交</el-button>
                            <el-button type="danger" v-show="isButton" size="mini"  @click="fb3DelRow(fb3Data[index],index)">删除</el-button>
                      <!--<el-button type="success" size="mini" @click="fb3EditRow(index)">修改</el-button>-->
                    </td> 
                  </tr>
                </tbody>
                <tfoot>
                  <tr>
                    <td>合计</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>合计大写</td>
                    <td colspan="6"></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td colspan="2">户主或户主代表签字（盖手印）：</td>
                    <td colspan="1"></td>
                    <td colspan="2">身份证号：</td>
                    <td colspan="1"></td>
                    <td colspan="2">村支书(主任)：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr>
                    <td colspan="2">填表人：</td>
                    <td colspan="1"></td>
                    <td colspan="2">复核人2人以上：</td>
                    <td colspan="1"></td>
                    <td colspan="2">施工单位复核：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr>
                    <td colspan="2">镇征拆小组领导：</td>
                    <td colspan="1"></td>
                    <td colspan="1">镇政府盖章（镇长签名）：</td>
                    <td colspan="1"></td>
                    <td colspan="1">县级审核：</td>
                    <td colspan="1"></td>
                    <td colspan="1">业主审核：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr  v-show="isShowX">
                    <td colspan="2">县领导：</td>
                    <td colspan="7"></td>
                  </tr>
                </tfoot>
                </table>
            </el-tab-pane>
            <el-tab-pane label="分表四" name="fb4">
              <div style="width:1500px;margin:auto;">
                <div class="clearfix" style="width:650px;margin:auto;"  v-show="isShowHead">
                  <table class="headtable fl">
                      <tr>
                        <td>流  转</td>
                        <td>录入或导入完成</td>
                        <td>提交到县级</td>
                        <td>提交到业主</td>
                        <td>返回乡镇</td>
                    </tr>
                    <tr>
                        <td>时  间</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                  </table>
                  <span class="fl" style="display:inline-block;margin-top:40px;margin-left:20px;">编号：10000100001000</span>
                </div>
              </div>
                <div class="title">
                    ()工程建设房屋装饰设施征收拆迁补偿登记/结算表&nbsp;
                    <el-button type="primary" v-show="isButton" size="mini" @click="fb4AddRow()">添加</el-button>
                    <!-- <el-button type="primary" size="mini" @click="fb4Save()">保存</el-button> -->
                </div>
                <table class="landsTable" cellspacing="0" cellpadding="0" border="0">
                <thead>
                  <tr>
                    <td>序号</td>
                    <td>项目</td>
                    <td>类型</td>
                    <td>计算单位</td>
                    <td>补偿标准（元/单位）</td>
                    <td>补偿数量</td>
                    <td>补偿金额（元）</td>
                    <td>备注</td>
                    <td>操作</td>
                  </tr>
                </thead>
                <tbody>
                  <tr v-for="(person,index) in fb4Data" :key="index">
                    <td>{{index+1}}</td>
                    <td>
                      <el-select v-model="person.xm" :disabled="disabled" placeholder="请选择">
                          <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                          </el-option>
                      </el-select>
                    </td>
                    <td>
                      <el-select v-model="person.lx" :disabled="disabled" placeholder="请选择">
                          <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                          </el-option>
                      </el-select>
                    </td>
                    <td>{{person.jsdw}}</td>
                    <td>{{person.bcbz}}</td>
                    <td>
                      <el-input v-model="person.bcsl" :disabled="disabled" placeholder="请输入内容"></el-input>
                    </td>
                    <td>{{person.bcje}}</td>
                    <td>
                      <el-input v-model="person.rem" :disabled="disabled" placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                            <el-button size="mini" v-show="isButton">提交</el-button>
                            <el-button type="danger" v-show="isButton" size="mini"  @click="fb4DelRow(fb4Data[index],index)">删除</el-button>
                      <!--<el-button type="success" size="mini" @click="fb4EditRow(index)">修改</el-button>-->
                    </td> 
                  </tr>
                </tbody>
                <tfoot>
                  <tr>
                    <td>合计</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>合计大写</td>
                    <td colspan="6"></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td colspan="2">户主或户主代表签字（盖手印）：</td>
                    <td colspan="1"></td>
                    <td colspan="2">身份证号：</td>
                    <td colspan="1"></td>
                    <td colspan="2">村支书(主任)：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr>
                    <td colspan="2">填表人：</td>
                    <td colspan="1"></td>
                    <td colspan="2">复核人2人以上：</td>
                    <td colspan="1"></td>
                    <td colspan="2">施工单位复核：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr>
                    <td colspan="2">镇征拆小组领导：</td>
                    <td colspan="1"></td>
                    <td colspan="1">镇政府盖章（镇长签名）：</td>
                    <td colspan="1"></td>
                    <td colspan="1">县级审核：</td>
                    <td colspan="1"></td>
                    <td colspan="1">业主审核：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr  v-show="isShowX">
                    <td colspan="2">县领导：</td>
                    <td colspan="7"></td>
                  </tr>
                </tfoot>
                </table>
            </el-tab-pane>
            <el-tab-pane label="分表五" name="fb5">
              <div style="width:1500px;margin:auto;">
                <div class="clearfix" style="width:650px;margin:auto;"  v-show="isShowHead">
                  <table class="headtable fl">
                      <tr>
                        <td>流  转</td>
                        <td>录入或导入完成</td>
                        <td>提交到县级</td>
                        <td>提交到业主</td>
                        <td>返回乡镇</td>
                    </tr>
                    <tr>
                        <td>时  间</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                  </table>
                  <span class="fl" style="display:inline-block;margin-top:40px;margin-left:20px;">编号：10000100001000</span>
                </div>
              </div>
                <div class="title">
                    ()工程建设征地坟墓及其他迁移补偿登记/结算表&nbsp;
                    <el-button type="primary" v-show="isButton" size="mini" @click="fb5AddRow()">添加</el-button>
                    <!-- <el-button type="primary" size="mini" @click="fb5Save()">保存</el-button> -->
                </div>
                <table class="landsTable" cellspacing="0" cellpadding="0" border="0">
                <thead>
                  <tr>
                    <td>序号</td>
                    <td>桩号K0+000</td>
                    <td>坟山编号</td>
                    <td>类型</td>
                    <td>规格</td>
                    <td>补偿标准（元/座）</td>
                    <td>数量（座）</td>
                    <td>金额（元）</td>
                    <td>备注</td>
                    <td>操作</td>
                  </tr>
                </thead>
                <tbody>
                  <tr v-for="(person,index) in fb5Data" :key="index">
                    <td>{{index+1}}</td>
                    <td>
                      <el-input v-model="person.zh" :disabled="disabled" placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                      <el-select v-model="person.fsbh" :disabled="disabled" placeholder="请选择">
                          <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                          </el-option>
                      </el-select>
                    </td>
                    <td>
                      <el-select v-model="person.lx" :disabled="disabled" placeholder="请选择">
                          <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                          </el-option>
                      </el-select>
                    </td>
                    <td>
                      <el-select v-model="person.gg" :disabled="disabled" placeholder="请选择">
                          <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                          </el-option>
                      </el-select>
                    </td>
                    <td>{{person.bcbz}}</td>
                    <td><el-input v-model="person.sl" :disabled="disabled" placeholder="请输入内容"></el-input></td>
                    <td>{{person.je}}</td>
                    <td>
                      <el-input v-model="person.rem" :disabled="disabled" placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                            <el-button  size="mini" v-show="isButton">提交</el-button>
                            <el-button type="danger" v-show="isButton" size="mini"  @click="fb5DelRow(fb5Data[index],index)">删除</el-button>
                      <!--<el-button type="success" size="mini" @click="fb5EditRow(index)">修改</el-button>-->
                    </td> 
                  </tr>
                </tbody>
                <tfoot>
                  <tr>
                    <td>合计</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>合计大写</td>
                    <td colspan="7"></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td colspan="2">户主或户主代表签字（盖手印）：</td>
                    <td colspan="1"></td>
                    <td colspan="2">身份证号：</td>
                    <td colspan="1"></td>
                    <td colspan="2">村支书(主任)：</td>
                    <td colspan="2"></td>
                  </tr>
                  <tr>
                    <td colspan="2">填表人：</td>
                    <td colspan="1"></td>
                    <td colspan="2">复核人2人以上：</td>
                    <td colspan="1"></td>
                    <td colspan="2">施工单位复核：</td>
                    <td colspan="2"></td>
                  </tr>
                  <tr>
                    <td colspan="2">镇征拆小组领导：</td>
                    <td colspan="1"></td>
                    <td colspan="2">镇政府盖章（镇长签名）：</td>
                    <td colspan="1"></td>
                    <td colspan="1">县级审核：</td>
                    <td colspan="1"></td>
                    <td colspan="1">业主审核：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr v-show="isShowX">
                    <td colspan="2">县领导：</td>
                    <td colspan="8"></td>
                  </tr>
                </tfoot>
                </table>
            </el-tab-pane>
            <el-tab-pane label="分表六" name="fb6">
              <div style="width:1500px;margin:auto;">
                <div class="clearfix" style="width:650px;margin:auto;"  v-show="isShowHead">
                  <table class="headtable fl">
                      <tr>
                        <td>流  转</td>
                        <td>录入或导入完成</td>
                        <td>提交到县级</td>
                        <td>提交到业主</td>
                        <td>返回乡镇</td>
                    </tr>
                    <tr>
                        <td>时  间</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                  </table>
                  <span class="fl bh" style="display:inline-block;margin-top:40px;margin-left:20px;">编号：10000100001000</span>
                </div>
              </div>
                <div class="title clearfix">
                    <label for="">位置：桩号K</label>
                    <span>( )+( )</span>
                    ()工程特殊征拆补偿登记/结算表&nbsp;
                    <el-button type="primary" v-show="isButton" size="mini" @click="fb6AddRow()">添加</el-button>
                    <!-- <el-button type="primary" size="mini" @click="fb6Save()">保存</el-button> -->
                </div>
                <table class="landsTable" cellspacing="0" cellpadding="0" border="0">
                <thead>
                  <tr>
                    <td>序号</td>
                    <td>征拆类型</td>
                    <td>补偿标准</td>
                    <td>数量</td>
                    <td>金额（元）</td>
                    <td>批准文号</td>
                    <td>备注</td>
                    <td>操作</td>
                  </tr>
                </thead>
                <tbody>
                  <tr v-for="(person,index) in fb6Data" :key="index">
                    <td>{{index+1}}</td>
                    <td>
                      <el-input v-model="person.zclx" :disabled="disabled" placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                      <el-input v-model="person.bcbz" :disabled="disabled" placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                      <el-input v-model="person.sl" :disabled="disabled" placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                      <el-input v-model="person.je" :disabled="disabled" placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                      <el-input v-model="person.pzwh" :disabled="disabled" placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                      <el-input v-model="person.rem" :disabled="disabled" placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                            <el-button  size="mini" v-show="isButton">提交</el-button>
                            <el-button type="danger" v-show="isButton" size="mini"  @click="fb6DelRow(fb6Data[index],index)">删除</el-button>
                      <!--<el-button type="success" size="mini" @click="fb6EditRow(index)">修改</el-button>-->
                    </td> 
                  </tr>
                </tbody>
                <tfoot>
                  <tr>
                    <td>合计</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>合计大写</td>
                    <td colspan="5"></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td colspan="2">户主或户主代表签字（盖手印）：</td>
                    <td colspan="1"></td>
                    <td colspan="2">身份证号：</td>
                    <td colspan="1"></td>
                    <td colspan="1">村支书(主任)：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr>
                    <td colspan="2">填表人：</td>
                    <td colspan="1"></td>
                    <td colspan="2">复核人2人以上：</td>
                    <td colspan="1"></td>
                    <td colspan="1">施工单位复核：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr>
                    <td colspan="1">镇征拆小组领导：</td>
                    <td colspan="1"></td>
                    <td colspan="1">镇政府盖章（镇长签名）：</td>
                    <td colspan="1"></td>
                    <td colspan="1">县级审核：</td>
                    <td colspan="1"></td>
                    <td colspan="1">业主审核：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr  v-show="isShowX">
                    <td colspan="1">县领导：</td>
                    <td colspan="7"></td>
                  </tr>
                </tfoot>
                </table>
            </el-tab-pane>
        </el-tabs>
      </div>
      <!-- <div class="tabfooter">
        <div class="row">
          <el-row>
            <el-col :span="8"><span>户主或户主代表签字（盖手印）：</span></el-col>
            <el-col :span="8"><span>身份证号：</span>	</el-col>
            <el-col :span="8"><span>村支书(主任)：</span>	</el-col>
          </el-row>
        </div>
        <div class="row">
          <el-row>
            <el-col :span="8"><span>填表人：</span></el-col>
            <el-col :span="8"><span>复核人2人以上：</span>	</el-col>
            <el-col :span="8"><span>施工单位复核：</span>	</el-col>
          </el-row>
        </div>
        <div class="row">
          <el-row>
            <el-col :span="6"><span>镇征拆小组领导：</span></el-col>
            <el-col :span="6"><span>镇政府盖章（镇长签名）：</span>	</el-col>
            <el-col :span="6"><span>县级审核：</span>	</el-col>
            <el-col :span="6"><span>业主审核：</span>	</el-col>
          </el-row>
        </div>
        <div class="row" v-show="isShowX">
          <el-row>
            <el-col :span="24"><span>县领导：</span></el-col>
          </el-row>
        </div>
      </div> -->

      <el-dialog title="添加主体" :visible.sync="Tip" width="30%">
				<div>
					<el-form :label-position="labelPosition" label-width="100px" :model="sub">
						<el-form-item label="工程项目:">
							<el-select v-model="sub.gcxm" placeholder="请选择">
								<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
								</el-option>
							</el-select>
						</el-form-item>
            <el-form-item label="行政区域:">
							<el-cascader :options="regions" v-model="sub.region" change-on-select filterable></el-cascader>
						</el-form-item>
						<el-form-item label="户主:">
							<el-input v-model="sub.name"></el-input>
						</el-form-item>
						<el-form-item label="身份证:">
							<el-input v-model="sub.card"></el-input>
						</el-form-item>
						<el-form-item label="电 话:">
							<el-input v-model="sub.tel"></el-input>
						</el-form-item>
						<el-form-item label="银行账号:">
							<el-input v-model="sub.bankID"></el-input>
						</el-form-item>
						<el-form-item label="开户行:">
							<el-input v-model="sub.bank"></el-input>
						</el-form-item>
					</el-form>
				</div>
				<span slot="footer" class="dialog-footer">
			    <el-button @click="Tip = false">取 消</el-button>
			    <el-button type="primary" @click="Tip = false">确 定</el-button>
			  </span>
			</el-dialog>
  </div>
</template>
<script>
export default {
  name: "tables",
  data() {
    return {
    	paths:'',
      isButton:true,
      disabled:false,
      Tip:false,
      labelPosition:'left',
      activeTab: "fb1",
      isShowHead:false,
      isShowX:false,//是否显示县领导
      sub: {
        region:'',
        gcxm: "",
        name: "",
        card: "",
        tel: "",
        bank: "",
        bankID: ""
      },
      form: {
        county: "",//县
        town:'',//镇
        village:'',//村
        name:'',//村民
        tel:''//电话
      },
      //分表一模型
      fb1DataModel: {
        dkbh: "",
        dl: "土地", //地类
        wzzh: "K0-100", //位置桩号
        tdmj: "100", //土地面积
        hxn: "111", //红线内
        hxw: "222", //红线外
        bcbz1: "100", //补偿标准
        bcje1: "100", //补偿金额
        qmmc: "", //青苗名称
        qmmj: "", //青苗面积
        bcbz2: "100", //补偿标准
        bcje2: "100", //补偿金额
        hjje: "1000", //合计金额
        rem: "" //备注
      },
      //分表一数据
      fb1Data: [
        {
          dkbh: "",
          dl: "土地", //地类
          wzzh: "K0-100", //位置桩号
          tdmj: "100", //土地面积
          hxn: "111", //红线内
          hxw: "222", //红线外
          bcbz1: "100", //补偿标准
          bcje1: "100", //补偿金额
          qmmc: "", //青苗名称
          qmmj: "", //青苗面积
          bcbz2: "100", //补偿标准
          bcje2: "100", //补偿金额
          hjje: "1000", //合计金额
          rem: "" //备注
        }
      ],
      //分表二模型
      fb2DataModel:{
        pname:'',//品名
        zslx:'',//长势类型
        zsz:'',//长势值
        dkbh:'',//地块编号
        dl:'林地',//地类
        wzzh:'K1-100',//位置桩号
        tdmj:'100',//土地面积
        aggbz:'50',//按规格标准
        cfbh:'100',//拆分编号
        yslmj:'',//有树林面积
        aggje:'1000',//按规格金额
        alxbz:'20',//按零星标准
        alxsl:'',//按零星数量
        alxje:'100',//按零星金额
        azjbz:'37.5',//按增加标准
        azjsl:'',//按增加数量
        azjje:'100',//按增加金额
        bcf:'100',//补偿费
        rem:''//备注
      },
      //分表二数据
      fb2Data:[{
        pname:'',//品名
        zslx:'',//长势类型
        zsz:'',//长势值
        dkbh:'',//地块编号
        dl:'林地',//地类
        wzzh:'K1-100',//位置桩号
        tdmj:'100',//土地面积
        aggbz:'50',//按规格标准
        cfbh:'100',//拆分编号
        yslmj:'',//有树林面积
        aggje:'1000',//按规格金额
        alxbz:'20',//按零星标准
        alxsl:'',//按零星数量
        alxje:'100',//按零星金额
        azjbz:'37.5',//按增加标准
        azjsl:'',//按增加数量
        azjje:'100',//按增加金额
        bcf:'100',//补偿费
        rem:''//备注
      }],
      //分表三模型
      fb3DataModel:{
        xm:'',//项目
        lx:'',//类型
        jsdw:'10',//计算单位
        bcbz:'50',//补偿标准
        bcsl:'',//补偿数量
        bcje:'100',//补偿金额
        rem:''//备注
      },
      //分表三数据
      fb3Data:[{
        xm:'',//项目
        lx:'',//类型
        jsdw:'10',//计算单位
        bcbz:'50',//补偿标准
        bcsl:'',//补偿数量
        bcje:'100',//补偿金额
        rem:''//备注
      }],
      //分表四模型
      fb4DataModel:{
        xm:'',//项目
        lx:'',//类型
        jsdw:'10',//计算单位
        bcbz:'50',//补偿标准
        bcsl:'',//补偿数量
        bcje:'100',//补偿金额
        rem:''//备注
      },
      //分表四数据
      fb4Data:[{
        xm:'',//项目
        lx:'',//类型
        jsdw:'10',//计算单位
        bcbz:'50',//补偿标准
        bcsl:'',//补偿数量
        bcje:'100',//补偿金额
        rem:''//备注
      }],
      //分表五模型
      fb5DataModel:{
        zh:'',//桩号K0+100
        fsbh:'',//坟山编号
        lx:'',//类型
        gg:'',//规格
        bcbz:'50',//补偿标准
        sl:'',//数量
        je:'100',//金额
        rem:''//备注
      },
      //分表五数据
      fb5Data:[{
        zh:'',//桩号K0+100
        fsbh:'',//坟山编号
        lx:'',//类型
        gg:'',//规格
        bcbz:'50',//补偿标准
        sl:'',//数量
        je:'100',//金额
        rem:''//备注
      }],
      //分表六模型
      fb6DataModel:{
        zclx:'',//征拆类型
        bcbz:'',//补偿标准
        sl:'',//数量
        je:'',//金额
        pzwh:'',//批准文号
        rem:''//备注
      },
      //分表六数据
      fb6Data:[{
        zclx:'',//征拆类型
        bcbz:'',//补偿标准
        sl:'',//数量
        je:'',//金额
        pzwh:'',//批准文号
        rem:''//备注
      }],
      fb1Index: 0, //表一序号索引
      fb2Index: 0, //表二序号索引
      fb3Index: 0, //表三序号索引
      fb4Index: 0, //表四序号索引
      fb5Index: 0, //表五序号索引
      fb6Index: 0, //表六序号索引
      options: [
        {
          value: "选项1",
          label: "黄金糕"
        },
        {
          value: "选项2",
          label: "双皮奶"
        },
        {
          value: "选项3",
          label: "蚵仔煎"
        },
        {
          value: "选项4",
          label: "龙须面"
        },
        {
          value: "选项5",
          label: "北京烤鸭"
        }
      ],
      regions: [
        {
          value: "重庆",
          label: "重庆",
          children: [
            {
              value: "江北",
              label: "江北",
              children: [
                {
                  value: "大石坝",
                  label: "大石坝"
                },
                {
                  value: "观音桥",
                  label: "观音桥"
                },
                {
                  value: "五里店",
                  label: "五里店"
                }
              ]
            },
            {
              value: "渝中",
              label: "渝中",
              children: [
                {
                  value: "朝天门",
                  label: "朝天门"
                },
                {
                  value: "两路口",
                  label: "两路口"
                },
                {
                  value: "较场口",
                  label: "较场口"
                }
              ]
            }
          ]
        },
        {
          value: "四川",
          label: "四川",
          children: [
            {
              value: "成都",
              label: "成都",
              children: [
                {
                  value: "青羊区",
                  label: "青羊区"
                },
                {
                  value: "成华区",
                  label: "成华区"
                }
              ]
            },
            {
              value: "广安",
              label: "广安",
              children: [
                {
                  value: "广安一",
                  label: "广安一"
                },
                {
                  value: "广安二",
                  label: "广安二"
                }
              ]
            }
          ]
        }
      ]
    };
  },
  // created(){
  // 	this.paths = this.$route.path;
  // 	if(this.paths == 1){
  //     this.isShowHead=true;
  //     this.disabled=true;//不可编辑
  //     this.isButton=false;//隐藏按钮
  //   }
	// },
	 beforeRouteUpdate (to, from, next) {
	 	if(to.path=='/tables'){
	 		this.isShowHead=false;
      this.disabled=false;//不可编辑
      this.isButton=true;//隐藏按钮
	 	}
	 	next()
  },
  mounted() {
    if(this.$route.params.id){
      this.isShowHead=true;
      this.disabled=true;//不可编辑
      this.isButton=false;//隐藏按钮
    }
  },
  methods: {
    //tab切换改变
    handleClick(tab, event) {
      //当tab等于分表六的时候显示县领导
      if(tab.name=='fb6'){
        this.isShowX=true;
      }else{
        this.isShowX=false;
      }
    },
    //添加主体
    fnAddSubject(){
      this.Tip=true;
    },
    //分表一添加行
    fb1AddRow: function() {
      this.fb1Data.push(this.fb1DataModel);
      // 添加完fb1DataModel对象后，重置fb1DataModel对象
      this.fb1DataModel = {
        dkbh: "",
        dl: "土地", //地类
        wzzh: "K0-100", //位置桩号
        tdmj: "100", //土地面积
        hxn: "111", //红线内
        hxw: "222", //红线外
        bcbz1: "100", //补偿标准
        bcje1: "100", //补偿金额
        qmmc: "", //青苗名称
        qmmj: "", //青苗面积
        bcbz2: "100", //补偿标准
        bcje2: "100", //补偿金额
        hjje: "1000", //合计金额
        rem: "" //备注
      };
      this.fb1Index = this.fb1Data.length - 1;
    },
    //分表一删除行
    fb1DelRow(e, index){
      this.fb1Data.splice(index, 1);
    },
    //分表一编辑行
    fb1EditRow(index) {
      this.fb1Index = index;
    },
    //分表一保存
    fb1Save() {
      console.log(this.fb1Data);
    },
    //分表二添加行
    fb2AddRow: function() {
      this.fb2Data.push(this.fb2DataModel);
      // 添加完fb1DataModel对象后，重置fb1DataModel对象
      this.fb2DataModel = {
        pname:'',//品名
        zslx:'',//长势类型
        zsz:'',//长势值
        dkbh:'',//地块编号
        dl:'林地',//地类
        wzzh:'K1-100',//位置桩号
        tdmj:'100',//土地面积
        aggbz:'50',//按规格标准
        cfbh:'100',//拆分编号
        yslmj:'',//有树林面积
        aggje:'1000',//按规格金额
        alxbz:'20',//按零星标准
        alxsl:'',//按零星数量
        alxje:'100',//按零星金额
        azjbz:'37.5',//按增加标准
        azjsl:'',//按增加数量
        azjje:'100',//按增加金额
        bcf:'100',//补偿费
        rem:''//备注
      };
      this.fb2Index = this.fb2Data.length - 1;
    },
    //分表二删除行
    fb2DelRow(e, index){
      this.fb2Data.splice(index, 1);
    },
    //分表二编辑行
    fb2EditRow(index) {
      this.fb2Index = index;
    },
    //分表二保存
    fb2Save() {
      console.log(this.fb2Data);
    },
    //分表三添加行
    fb3AddRow: function() {
      this.fb3Data.push(this.fb3DataModel);
      // 添加完fb3DataModel对象后，重置fb3DataModel对象
      this.fb3DataModel = {
        xm:'',//项目
        lx:'',//类型
        jsdw:'10',//计算单位
        bcbz:'50',//补偿标准
        bcsl:'',//补偿数量
        bcje:'100',//补偿金额
        rem:''//备注
      };
      this.fb3Index = this.fb3Data.length - 1;
    },
    //分表三删除行
    fb3DelRow(e, index){
      this.fb3Data.splice(index, 1);
    },
    //分表三编辑行
    fb3EditRow(index) {
      this.fb3Index = index;
    },
    //分表三保存
    fb3Save() {
      console.log(this.fb3Data);
    },
    //分表四添加行
    fb4AddRow: function() {
      this.fb4Data.push(this.fb4DataModel);
      // 添加完fb4DataModel对象后，重置fb4DataModel对象
      this.fb4DataModel = {
        xm:'',//项目
        lx:'',//类型
        jsdw:'10',//计算单位
        bcbz:'50',//补偿标准
        bcsl:'',//补偿数量
        bcje:'100',//补偿金额
        rem:''//备注
      };
      this.fb4Index = this.fb4Data.length - 1;
    },
    //分表四删除行
    fb4DelRow(e, index){
      this.fb4Data.splice(index, 1);
    },
    //分表四编辑行
    fb4EditRow(index) {
      this.fb4Index = index;
    },
    //分表四保存
    fb4Save() {
      console.log(this.fb4Data);
    },
    //分表五添加行
    fb5AddRow: function() {
      this.fb5Data.push(this.fb5DataModel);
      // 添加完fb5DataModel对象后，重置fb5DataModel对象
      this.fb5DataModel = {
        zh:'',//桩号K0+100
        fsbh:'',//坟山编号
        lx:'',//类型
        gg:'',//规格
        bcbz:'50',//补偿标准
        sl:'',//数量
        je:'100',//金额
        rem:''//备注
      };
      this.fb5Index = this.fb5Data.length - 1;
    },
    //分表五删除行
    fb5DelRow(e, index){
      this.fb5Data.splice(index, 1);
    },
    //分表五编辑行
    fb5EditRow(index) {
      this.fb5Index = index;
    },
    //分表五保存
    fb5Save() {
      console.log(this.fb5Data);
    },
    //分表六添加行
    fb6AddRow: function() {
      this.fb6Data.push(this.fb6DataModel);
      // 添加完fb6DataModel对象后，重置fb6DataModel对象
      this.fb6DataModel = {
        zclx:'',//征拆类型
        bcbz:'',//补偿标准
        sl:'',//数量
        je:'',//金额
        pzwh:'',//批准文号
        rem:''//备注
      };
      this.fb6Index = this.fb6Data.length - 1;
    },
    //分表六删除行
    fb6DelRow(e, index){
      this.fb6Data.splice(index, 1);
    },
    //分表六编辑行
    fb6EditRow(index) {
      this.fb6Index = index;
    },
    //分表六保存
    fb6Save() {
      console.log(this.fb6Data);
    },
  }
};
</script>
<style scoped>
.container {
  min-width: 1450px;
}
.fbhead {
  width: 100%;
}
.red {
  color: red;
}

.headtable {
  font-weight: 600;
    color: #909399;
    font-size: 14px;
  margin: auto;
  border-collapse: collapse;
}

.headtable td,
.headtable th {
  padding: 5px;
  border: 1px solid #ebeef5;
}
.address {
  margin: 10px 0;
  color: #909399;
}
.address span {
  display: inline-block;
  width: 20px;
}
.address .el-select {
  width: 120px !important;
}
.address .el-input {
  width: 140px !important;
}

.tab {
  width: 100%;
  margin-top: 10px;
  transform: scale(1)
}
.tab .title {
  width: 1500px;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  margin: 10px auto;
  color: #909399;
}
.tab .title span{
  font-size: 14px;
  float: left;
  margin-top: 10px;
}
.tab .title label{
  font-size: 14px;
  float: left;
  margin-top: 10px;
}
.tabfooter .row {
  color: #909399;
  font-size: 14px;
  font-weight: 600;
  width: 1484px;
  margin: 15px auto;
  border-bottom: 1px solid #ebeef5;
}
.landsTable {
  width: 1500px;
  color: #606266;
  margin: auto;
  border-collapse: collapse;
  font-size: 12px;
}
.landsTable thead{
  font-weight: 600;
  color: #909399;
}

.landsTable td,
.landsTable th {
  text-align: center;
  padding: 5px;
  border: 1px solid #ebeef5;
}
.landsTable tfoot td{
  text-align: right;
}
.landsTable .el-select {
  width: 80px !important;
  font-size: 14px !important;
}
.landsTable .el-input {
  width: 80px !important;
  font-size: 14px !important;
}
.landsTable .el-table{
  font-size: 14px!important;
  
}
.landsTable .el-table .cell{
  line-height: 14px!important;
  font-size: 14px !important;
}
.landsTable .el-table .cell, .el-table th div, .el-table--border td:first-child .cell, .el-table--border th:first-child .cell{
  padding-left: 5px!important;
}
.landsTable .el-table .cell, .el-table th div{
  padding-right: 5px!important;
}
tbody td:last-child .el-button--mini, .el-button--mini.is-round{
    padding: 5px 5px !important;
}
tfoot td{
  text-align: right;
}
.edits .icons{
	color: #409EFF;
	cursor: pointer;
	/*font-size: 20px;*/
	margin-right: 5px;
}
</style>


